<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>个人中心-首页</title>
    <div data-th-replace="layout/user/user-center-head"></div>
</head>
<body>
<div data-th-replace="layout/user/user-head"></div>
<div class="u-bg">
    <div class="container pr u-container" id="uCenterMain">
        <section class="uCenter-box pa" id="uCenter-box">
            <div class="row uH">
                <div class="col-sm-12 uH">
                    <div class="u-i-left__wrap u-i-left_box uH">
                        <!--左侧公共菜单 开始-->
                        <div data-th-replace="layout/user/user-left-menu"></div>
                        <!--左侧公共菜单 结束-->
                        <!--内容开始-->
                        <article class="u-c-c-cont__wrap u-c-c-main uH" >
                            <div class="u-c-box uH" style="min-height: 100%;">
                                <div class="mr20 pr10 pt10 uH">
                                    <section class="c-head-title clearfix">
                                        <aside class="pull-right mt10">
                                            <a href="javascript:void(0);" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                <i class="fa fa-calendar-check-o mr5"></i>签到
                                            </a>
                                        </aside>
                                        <h6>
                                            <a th:href="@{/web/index}" class="fs14 c-333 vam hLh30">首页</a>
                                            <i class="fa fa-angle-right fs14 c-333 ml5 mr5 vam"></i>
                                            <span class="fs14 c-333 vam hLh30">学习中心</span>
                                        </h6>
                                    </section>

                                    <div class="row">
                                        <div class="col-sm-9">
                                            <section class="u-head-title">
                                                <aside class="c-999 fs12 pull-right pr mt5" id="order-status">
                                                    <a name="" href="javascript:void(0)" class="c-info course-type">全部</a>
                                                    <a name="VIDEO" href="javascript:void(0)" class="c-999 ml10 course-type">录播</a>
                                                    <a name="LIVE" href="javascript:void(0)" class="c-999 ml10 course-type">直播</a>
                                                    <a name="PACKAGE" href="javascript:void(0)" class="c-999 ml10 course-type">套餐</a>
                                                    <a name="COLUMNS" href="javascript:void(0)" class="c-999 ml10 course-type">专栏</a>
                                                </aside>
                                                <aside>
                                                    <span class="fs18">我学习的</span>
                                                    <span class="c-danger fs14 ml5" id="user-course-num">0</span>
                                                    <span class="c-999 fs14">门课程在学中</span>
                                                </aside>
                                            </section>
                                        </div>
                                        <div class="col-sm-3">
                                            <section class="u-head-title">
                                                <aside>
                                                    <span class="fs18 vam">基本统计</span>
                                                    <span class="vam hand fs12 c-ccc"
                                                          data-container="body"
                                                          data-toggle="popover"
                                                          data-trigger="hover"
                                                          data-placement="top"
                                                          data-content="1、重复观看同一章节。最终统计的学习时长为其中最长学习时长；<br/>2、学习时长为观看直播+回放+录播各端的观看时长；" data-original-title="" title="">
                                                        <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                                                    </span>
                                                </aside>
                                            </section>
                                        </div>
                                    </div>
                                    <div class="right-list-box" style="margin-right: -20px;">
                                        <div class="mr20 pr10 uH u-my-course_box">
                                            <div class="row">
                                                <!-- 公共无数据结束 -->
                                                <section class="col-sm-9 pr">
                                                    <div id="last-study-catalog-box" class="btn btn-close btn-block alert-dismissable u-alert mb20 hide">
                                                        <button aria-hidden="true" class="close" data-dismiss="alert" title="关闭" type="button">×</button>
                                                        <span class="vam c-fff txtOf" id="lastStudyText" style="display: inline-block;max-width: 80%"></span>
                                                        <a class="vam ml10 c-fff" id="lastStudyLink"><u>继续学习</u></a>
                                                    </div>
                                                    <div id="course_list_context" class="right-s-box">
                                                        <div class="text-center pt10 pb10"><span class="loading"></span></div>
                                                    </div>
                                                </section>
                                                <!--基本统计-->
                                                <section class="col-sm-3">
                                                    <article class="statistical_list ml5">
                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-2"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" th:text="${userStudy['todayCount']}">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">今日学习(分钟)</span>
                                                            </section>
                                                        </div>
                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-7"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" th:text="${userStudy['continuityCount']}">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">连续学习(天)</span>
                                                            </section>
                                                        </div>
                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-1"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs18 c-333" id="studyTotalTime" >0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">累计观看(时分)</span>
                                                            </section>
                                                            <!--<div class="media-right vam pr10">
                                                                <i class="fa fa-arrow-up fs12 c-danger"></i>
                                                                <i class="fa fa-arrow-down fs12 c-success"></i>
                                                            </div>-->
                                                        </div>
                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-9"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" id="joinLiveCount">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">参加直播场次(次)</span>
                                                            </section>
                                                            <!--<div class="media-right vam pr10">
                                                                <i class="fa fa-minus fs12"></i>
                                                            </div>-->
                                                        </div>

                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-5"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" th:text="${userStudy['finishCount']}">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">完成课程(节)</span>
                                                            </section>
                                                        </div>


                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-10"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" id="questionNum">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">做题量(道)</span>
                                                            </section>
                                                            <!--<div class="media-right vam pr10">
                                                                <i class="fa fa-arrow-down fs12 c-success"></i>
                                                            </div>-->
                                                        </div>
                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-11"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" id="examNum">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">试卷(套)</span>
                                                            </section>
                                                            <!--<div class="media-right vam pr10">
                                                                <i class="fa fa-minus fs12"></i>
                                                            </div>-->
                                                        </div>
                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-12"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" id="averagePrecision">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">正确率(%)</span>
                                                            </section>
                                                            <!--<div class="media-right vam pr10">
                                                                <i class="fa fa-arrow-down fs12 c-success"></i>
                                                            </div>-->
                                                        </div>
                                                        <div class="pt10 mb20 pb10">
                                                            <aside class="media-left vam">
                                                                <em class="u-i-baseTj-ico u-i-s-ico u-i-baseTj-ico-13"></em>
                                                            </aside>
                                                            <section class="media-body ml20 pl10">
                                                                <div class="hLh20 txtOf mb5">
                                                                    <strong class="fs20 c-333" id="signNum">0</strong>
                                                                </div>
                                                                <span class="fs12 c-666 show hLh20">总签到数(天)</span>
                                                            </section>
                                                            <!--<div class="media-right vam pr10">
                                                                <i class="fa fa-arrow-down fs12 c-success"></i>
                                                            </div>-->
                                                        </div>
                                                    </article>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <!--内容结束-->
                        <!--套餐选择 开始-->
                        <textarea id="packCoursEle" class="hide">
                                <div class="pb10">
                                    <section class="clearfix pt10">
                                        <aside class="pull-right">
                                            <span class="fs12 c-999">自主选择需学课程,已经勾选的为必选</span>
                                        </aside>
                                        <aside class="pull-left">
                                            <span class="fs18 c-info vam">
                                                <i class="fa fa-clipboard"></i>
                                            </span>
                                            <span class="fs18 c-333 vam ml5">套餐课程选择</span>
                                        </aside>
                                    </section>
                                    <hr>
                                    <div class="alert alert-warning alert-dismissable" id="packCourseName">
                                    </div>
                                    <div class="u-r-live__wrap ml20 mr20">
                                        <section class="u-r-live-item pr mb20">
                                            <aside class="u-r-live-state">
                                                <span class="c-ccc fs14"><i class="fa fa-circle"></i></span>
                                            </aside>
                                            <div class="hLh30">
                                                <label class="fs16" id="courseTotalNum"></label>
                                            </div>
                                            <div id="packageCourseList">

                                            </div>
                                        </section>
                                    </div>
                                </div>
                            </textarea>
                        <!--套餐选择 结束-->
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
<div data-th-replace="layout/user/user-common"></div>
<!--公共引入签到js-->
<script th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/course/user/u-myCourse.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/course/user/activation-course.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/business/user/common/newMessage.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/front/web/common/sysCheck.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>